// 放大镜
($(window).on("load", function () {
  $(".smallswiper").css({
    width:
      ($(".swiper-slide img").width() / $(".bigswiper img").width()) *
      $(".bigswiper").width(),
    height:
      ($(".swiper-slide img").height() / $(".bigswiper img").height()) *
      $(".bigswiper").height(),
  });
  $(".swiper-wrapper")
    .mouseenter(function () {
      $(".smallswiper,.bigswiper").stop().show();
    })
    .mouseleave(function () {
      $(".smallswiper,.bigswiper").stop().hide();
    })
    .mousemove(function (e) {
      var mX =
        e.pageX -
        $(".swiper-slide img").offset().left -
        $(".smallswiper").width() / 2;
      var mY =
        e.pageY -
        $(".swiper-slide img").offset().top -
        $(".smallswiper").height() / 2;

      if (mX <= 0) {
        mX = 0;
      }
      if (mX >= $(".swiper-slide img").width() - $(".smallswiper").width()) {
        mX = $(".swiper-slide img").width() - $(".smallswiper").width();
      }
      if (mY <= 0) {
        mY = 0;
      }
      if (mY >= $(".swiper-slide img").height() - $(".smallswiper").height()) {
        mY = $(".swiper-slide img").height() - $(".smallswiper").height();
      }

      $(".smallswiper").css({
        left: mX,
        top: mY,
      });
      // 大区域 反向移动的比例
      var bili = $(".bigswiper").width() / $(".smallswiper").width();
      $(".bigswiper img").css({
        left: bili * -mX,
        top: bili * -mY,
      });
    });

  // 图片切换
  let self = $(".swiper-wrapper");
  $(".preview-list").find(".preview-list-item").click(function () {
    var $index = $(this).index();
    $(this).addClass("active").siblings().removeClass("active");
    self.find(".swiper-slide").eq($index).addClass("swiper-slide-active").siblings().removeClass("swiper-slide-active");
    let url = self.find(".swiper-slide img").eq($index).prop("src");
    $(".bigswiper img").prop("src", url);
  })
}))

let userInfo = JSON.parse(sessionStorage.getItem("userinfo") || '[]');
console.log(userInfo);
if (userInfo.length == 0) {
  $(".nav2").find("li a").eq(0).text("你好，请登录");
  $(".nav2").find("li a").eq(1).text("注册");
} else {
  $(".nav2").find("li a").eq(0).text(userInfo.phone);
  $(".nav2").find("li a").eq(1).text("退出").on("click", () => {
    sessionStorage.clear();
    $(".nav2").find("li a").eq(0).text("你好，请登录");
    $(".nav2").find("li a").eq(1).text("注册");
  });
}

